<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<%@page import="net.extcloud.guide.entity.Attachment"%><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="description" content="苏州工业园">
<meta name="keywords" content="苏州工业园">
<meta name="author" content="lz_bth">
<title>中心事项详细信息页面</title>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/common/javascript/jquery.js"></script>
<link href="${pageContext.request.contextPath }/lzszcss2.css"
	rel="stylesheet" type="text/css">
<style type="text/css">
#style1 {
	width: auto;
	height: auto;
	position: relative;
	top: 0px;
}

#style2 {
	width: auto;
	height: auto;
	position: relative;
	top: 0px;
}

#content * {
	font-size: 14px;
}

#content a:link,#content a:visited {
	color: #000;
	font-size: 14px;
}

#content a:hover {
	color: #F00;
	font-size: 14px;
}

li {
	float: left;
	line-height: 25px;
}

#content ul {
	
}

#content ul li {
	
}

#content ul li ul {
	
}

#content ul li ul li {
	padding-left: 5px;
	width: 200px;
	background: url(${pageContext.request.contextPath }/images/bg001.png);
	text-align: left;
	border: 1px solid #b6847d;
	border-bottom: 0px;
}

#content ul li ul li+li {
	padding: 0px 5px;
	width: 500px;
	background: url(${pageContext.request.contextPath }/images/bg.png);
	text-align: left;
	border-top: 1px solid #b6847d;
	border-right: 1px solid #b6874d;
	border-left: 0px;
}

#linepos {
	top: 800px;
}

td.ccc {
	border-top: 1px solid #B6847D;
	border-left: 1px solid #B6847D;
	padding: 5px;
	width: 150px;
	line-height: 25px;
	/* background: url(/onestop/images/bg.png) */
	background-color: rgb(252, 229, 231);
}

td.ddd {
	line-height: 25px;
	border-right: 1px solid #B6847D;
	border-top: 1px solid #B6847D;
	border-left: 1px solid #B6847D;
	padding: 5px;
	/* background: url(/onestop/images/bg.png) */
	background-color: rgb(217, 238, 246);
}
</style>
<style type="text/css">
.questionLeft {
	width: 20px;
	height: 33px;
	background: url(${pageContext.request.contextPath }/images/ques.png)
		no-repeat;
}

.questionRight {
	width: 20px;
	line-height: 33px;
	font-size: 22px;
	color: #FF8403;
	font-weight: bold;
	background: url(${pageContext.request.contextPath}/images/ques.png)
		-20px 0px repeat-x;
}

.questionCenter {
	line-height: 33px;
	font-size: 22px;
	color: #FF8403;
	font-weight: bold;
	background: url(${pageContext.request.contextPath}/images/ques.png) 0px
		-39px repeat-x;
}
</style>
<script type="text/javascript" language="javascript">
function show(url) {
	var box = Boxy.load(url,{draggable:true,modal:true,unloadOnHide:true,title:"事项列表"});
}
function downloadAttachment(attachmentName,attachementId){
	var url = "http://ossc.sipac.gov.cn/servlet/DisAttach?fileName="+ "附件"
	+"&tablename=SPM_ATTACHMENT&fd=ATTACHMENT&tj=ATTACHMENTGUID='" + attachementId + "'";
	window.location.href = url ;
}
</script>
</head>
<body>
<table width=100% height=100%>
	<tr>
		<td valign="middle" align="center">
		<table cellpadding="0" cellspacing="0">
			<tr>
				<td colspan="2" style="text-align: center;"><img
					src="${pageContext.request.contextPath}/images/logo.png"></img></td>
			</tr>
			<tr>
				<td style="width: 256px;" valign="top"><img
					src="${pageContext.request.contextPath}/images/robo.png" /></td>
				<td style="width: 850px;" align="left" valign="top">
				<table cellpadding="0" cellspacing="0" border=0>
					<tr>
						<td colspan="5">
						<div><a href="javascript:void(0);"
							onclick="$('#style1').fadeIn('slow');$('#style2').fadeOut('slow');">样式1</a><a
							href="javascript:void(0);"
							onclick="$('#style2').fadeIn('slow');$('#style1').fadeOut('slow');">样式2</a></div>
						</td>
					</tr>
					<tr>
						<td colspan="5">
						<table cellpadding="0" cellspacing="0" border=0>
							<tr>
								<td class="questionLeft"></td>
								<td class="questionCenter">下面是 <c:if
									test="${fn:length(matter.matterName)>=15}">
									<span title="${matter.matterName }">${fn:substring(matter.matterName,0,15)}...</span>
								</c:if><c:if test="${fn:length(matter.matterName)<15}">${matter.matterName}</c:if>的办事信息</td>
								<td class="questionRight"></td>
							</tr>
						</table>
						</td>
					</tr>
					<tr>
						<td colspan="5" style="height: 10px;">&nbsp;</td>
					</tr>
					<tr>
						<td colspan="5">
						<div id="style1">
						<table cellpadding="0" cellspacing="0" border=0 width=100%
							style="width: 702px;">
							<tbody>

								<tr>
									<td class="ccc">审批事项名称</td>
									<td class="ddd">${matter.matterName}</td>
								</tr>
								<tr>
									<td class="ccc">呈交材料</td>
									<td class="ddd"><c:if
										test='${fn:trim(matter.matterRequiredData)==""}'>暂无数据</c:if>${matter.matterRequiredData}</td>
								</tr>
								<tr>
									<td class="ccc">申办条件</td>
									<td class="ddd"><c:if
										test='${fn:trim(matter.matterCondition)==""}'>暂无数据</c:if>${matter.matterCondition}</td>
								</tr>
								<tr>
									<td class="ccc">表格下载</td>
									<td class="ddd"><c:if
										test='${fn:length(matter.attachments)==0}'>暂无数据</c:if> <c:forEach
										items="${matter.attachments}" var="attachment">
										<a href="javascript:void(0);"
											onclick="javascript:downloadAttachment('<%=new String(((Attachment) pageContext
						.getAttribute("attachment")).getAttachmentName()
						.getBytes(), "gb2312")%>','${attachment.attachmentId}')">${attachment.attachmentName}</a>
										<br />
									</c:forEach></td>
								</tr>
								<tr>
									<td class="ccc">申办流程</td>
									<td class="ddd"><c:if
										test='${fn:trim(matter.matterFlow)==""}'>暂无数据</c:if>${matter.matterFlow
									}</td>
								</tr>
								<tr>
									<td class="ccc">法律依据</td>
									<td class="ddd"><c:forEach items="${matter.legals}"
										var="legal">
			${legal.legalName}<br />
									</c:forEach></td>
								</tr>
								<tr>
									<td class="ccc">类&nbsp;&nbsp;&nbsp;&nbsp;型</td>
									<td class="ddd">${matter.matterType }&nbsp;</td>
								</tr>
								<tr>
									<td class="ccc">收费标准</td>
									<td class="ddd"><c:if
										test='${fn:trim(matter.matterCharge)==""}'>暂无数据</c:if>${matter.matterCharge
									}&nbsp;</td>
								</tr>
								<tr>
									<td class="ccc">时限(工作日)</td>
									<td class="ddd"><c:if
										test='${fn:trim(matter.matterTimeLimit)==""}'>暂无数据</c:if>${matter.matterTimeLimit
									}&nbsp;</td>
								</tr>
								<tr>
									<td class="ccc" style="border-bottom: 1px solid #B6847D;">办理单位</td>
									<td class="ddd" style="border-bottom: 1px solid #B6847D;"><a
										href="${pageContext.request.contextPath}/handleUnit/view/${matter.handleUnit.handleUnitId}">${matter.handleUnit.handleUnitName}</a>
									<!-- a href="
											javascript:void(0);"
				onclick="javascript:show('${pageContext.request.contextPath}/handleUnit/view/${matter.handleUnit.handleUnitId}');">在本页面查看</a --></td>
								</tr>
							</tbody>
						</table>
						</div>
						<div id="style2" style="display: none;">
						<table cellpadding="0" cellspacing="0" border=0
							style="width: 702px;">
							<tbody>
								<tr>
									<td class="ccc">审批事项名称</td>
									<td class="ddd">${matter.matterName}</td>
								</tr>
								<tr>
									<td class="ccc">呈交材料</td>
									<td class="ddd"><c:if
										test='${fn:trim(matter.matterRequiredData)==""}'>暂无数据</c:if>${matter.matterRequiredData}</td>
								</tr>
								<tr>
									<td class="ccc">申办条件</td>
									<td class="ddd"><c:if
										test='${fn:trim(matter.matterCondition)==""}'>暂无数据</c:if>${matter.matterCondition}</td>
								</tr>
								<tr>
									<td class="ccc">表格下载</td>
									<td class="ddd"><c:if
										test='${fn:length(matter.attachments)==0}'>暂无数据</c:if> <c:forEach
										items="${matter.attachments}" var="attachment">
										<a href="javascript:void(0);"
											onclick="javascript:downloadAttachment('<%=new String(((Attachment) pageContext
						.getAttribute("attachment")).getAttachmentName()
						.getBytes(), "gb2312")%>','${attachment.attachmentId}')">${attachment.attachmentName}</a>
										<br />
									</c:forEach></td>
								</tr>
								<tr>
									<td class="ccc">申办流程</td>
									<td class="ddd"><c:if
										test='${fn:trim(matter.matterFlow)==""}'>暂无数据</c:if>${matter.matterFlow
									}</td>
								</tr>
								<tr>
									<td class="ccc">法律依据</td>
									<td class="ddd"><c:forEach items="${matter.legals}"
										var="legal">
			${legal.legalName}<br />
									</c:forEach></td>
								</tr>
								<tr>
									<td class="ccc">类&nbsp;&nbsp;&nbsp;&nbsp;型</td>
									<td class="ddd">${matter.matterType }&nbsp;</td>
								</tr>
								<tr>
									<td class="ccc">收费标准</td>
									<td class="ddd"><c:if
										test='${fn:trim(matter.matterCharge)==""}'>暂无数据</c:if>${matter.matterCharge
									}&nbsp;</td>
								</tr>
								<tr>
									<td class="ccc">时限(工作日)</td>
									<td class="ddd"><c:if
										test='${fn:trim(matter.matterTimeLimit)==""}'>暂无数据</c:if>${matter.matterTimeLimit
									}&nbsp;</td>
								</tr>
								<tr>
									<td class="ccc">联系电话</td>
									<td class="ddd"><a
										href="${pageContext.request.contextPath}/handleUnit/view/${matter.handleUnit.handleUnitId}">62886666</a></td>
								</tr>
								<tr>
									<td class="ccc">申办地点</td>
									<td class="ddd"><a
										href="${pageContext.request.contextPath}/handleUnit/view/${matter.handleUnit.handleUnitId}">苏州工业园区翠园路151号工商大楼一站式服务大厅</a></td>
								</tr>
								<tr>
									<td class="ccc">投诉信箱</td>
									<td class="ddd">ossc@sipac.gov.cn</td>
								</tr>
								<tr>
									<td style="border-bottom: 1px solid #B6847D;" class="ccc">中心网址</td>
									<td style="border-bottom: 1px solid #B6847D;" class="ddd"><a
										href="http://ossc.sipac.gov.cn">http://ossc.sipac.gov.cn</a></td>
								</tr>
							</tbody>
						</table>
						</div>
						</td>
					</tr>
				</table>
				</td>
			</tr>
		</table>
		</td>
	</tr>
</table>
</body>
</html>